<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
    <a href="https://www.bilibili.com/">bilibili一下</a>
    <hr>

    <a href="02_基础标签.html">打开今日第二个页面</a>
    <a href="05_表格插入.html">打开今日表格页面</a><br>
    <a href="https://www.bilibili.com/">
        <img src="img/image.png" width="400">
    </a>

    <hr>
    <h1>干烂天穹</h1>
    <a href="#c1">第一章</a>
    <a href="#c2">第二章</a>
    <a href="#c3">第三章</a>

    <h3 id="c1">第一章，陨落的天才</h3>
    <p>
        <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, autem doloremque ducimus eveniet harum iure laboriosam laudantium magni molestiae nobis odit optio perferendis quisquam quo reiciendis saepe, sit sunt veniam!</span><span>Earum ipsum laborum maxime omnis perferendis quo sit! Delectus doloremque ea error exercitationem facere, fugiat harum iste nihil optio qui! Beatae culpa exercitationem expedita neque, nesciunt omnis quisquam sequi soluta.</span><span>Ad adipisci aliquid corporis delectus deleniti doloribus eaque maiores molestiae perferendis quae quia quibusdam quisquam quos repellendus reprehenderit sint sunt temporibus veniam, veritatis voluptas. Aut deleniti doloribus dolorum possimus sapiente!</span><span>Aliquid consequatur delectus dicta facere illo, omnis quia quos voluptatem. Aliquid animi aspernatur cupiditate dolores eveniet fuga id magnam officiis pariatur, perspiciatis quam quia quos sit ullam vel velit, voluptatibus?</span><span>Autem et impedit ipsa itaque mollitia obcaecati placeat, reprehenderit tenetur. Aliquid dicta earum, maxime minus perspiciatis repudiandae? Aperiam consequuntur et excepturi fugit in, itaque minus molestiae, nobis placeat suscipit vel.</span><span>Accusamus assumenda atque cupiditate ea perspiciatis quos rem repellendus? Animi dicta eaque porro quidem totam! A alias, deserunt, dignissimos doloremque doloribus, eius enim expedita odio officiis quae quas quibusdam soluta?</span><span>Adipisci amet error eum molestiae placeat tenetur voluptate? A, at aut debitis dolorum enim impedit ipsam labore, nemo numquam perspiciatis quas rerum, sapiente suscipit. Eius excepturi mollitia quidem quisquam similique!</span><span>Ab adipisci alias amet, commodi cumque eaque eos et facere fugiat iusto minus non nostrum numquam placeat repudiandae sequi, suscipit veritatis? Aspernatur error minus molestiae natus odio placeat quis rem.</span><span>Consectetur, distinctio dolorem ducimus earum est, exercitationem facere iusto, laudantium nisi optio quae voluptas. Amet illo molestias placeat sit vitae. Accusantium corporis culpa itaque molestias mollitia, nihil placeat sit voluptates.</span><span>Doloribus facilis nemo officia quas sequi? Cumque fugiat ipsam, iure laborum, maxime nihil nobis nulla officiis omnis perferendis, praesentium quam sit totam! Beatae culpa dolorem, fugiat harum laboriosam numquam omnis.</span><span>Ab alias deleniti ea illo illum qui quos reiciendis. Delectus dolores nostrum quis totam unde? Accusamus aperiam, beatae deleniti laborum necessitatibus nemo numquam officiis possimus quia quibusdam reprehenderit repudiandae, similique?</span><span>Commodi deserunt dignissimos explicabo fuga in nam quaerat vel, voluptatum. A accusantium cum dicta dignissimos eum ex explicabo, id incidunt ipsum itaque, iure nulla numquam odit praesentium quia rem suscipit.</span><span>A accusamus aperiam, dignissimos doloribus eius eveniet excepturi laboriosam maiores quo recusandae ut velit voluptatibus. Adipisci architecto at aut beatae dignissimos mollitia nobis numquam perferendis, placeat, quam, quasi repudiandae totam.</span><span>Aliquid blanditiis dolorum ea fugit ipsa iste numquam quos vero voluptatem? Amet atque aut autem eligendi fugiat fugit illo itaque libero, minima molestiae nam quos recusandae reiciendis saepe sed velit.</span><span>Ab dolor dolore doloremque facilis iure laboriosam maxime natus, nostrum obcaecati odio officia perspiciatis placeat, provident quae, quaerat quo quos reiciendis saepe sequi tempore veritatis vero vitae voluptatum. Accusantium, nihil!</span><span>Adipisci aperiam aspernatur corporis dolorem dolorum eligendi error est explicabo libero molestiae nesciunt, nisi soluta tempora tenetur voluptatum. Autem consequuntur debitis doloribus itaque iusto labore minus perferendis praesentium quo voluptates.</span><span>Debitis totam, veritatis. Adipisci assumenda beatae delectus deleniti ducimus ea eligendi error eum eveniet facilis, harum, incidunt, ipsam molestias obcaecati odio officiis optio possimus praesentium quidem quisquam quod sapiente voluptate.</span><span>Consequatur, dolore eius ex fugiat harum numquam quis tempore. Blanditiis, commodi delectus eius excepturi facere, facilis incidunt ipsum labore mollitia nemo perferendis quas qui quidem? Explicabo minima totam unde vitae!</span><span>Dolores eius eveniet explicabo quos voluptatem? Aperiam autem ex expedita natus porro soluta tempora ut voluptatibus? A consequuntur debitis dicta dolorem doloremque ea earum, officia optio praesentium quibusdam sapiente voluptatem.</span><span>Accusantium adipisci aliquid asperiores at, consequatur dignissimos error fugiat harum hic, laborum laudantium nesciunt nulla porro quam quod rem repellat, tempore ut vero voluptatem. Aspernatur assumenda distinctio impedit laborum rem?</span><span>Aspernatur dignissimos dolore dolorum iusto minus soluta! Adipisci beatae dolorum ducimus, earum eos id, ipsum magnam magni modi nihil numquam odio officiis omnis provident, quibusdam quis reprehenderit repudiandae sit voluptatem.</span><span>A alias aliquam aut deleniti, dolores esse eum harum impedit itaque iure libero maxime mollitia nam nulla praesentium quidem saepe sint unde voluptas voluptatem. Ipsam laborum laudantium perspiciatis repudiandae voluptatem.</span><span>A alias animi aperiam at commodi, consequuntur corporis debitis dolores ea eaque in incidunt laudantium mollitia nostrum, obcaecati odio perspiciatis, provident quae quas qui repellat repudiandae rerum sunt vel veniam.</span><span>Alias aperiam debitis dolorem earum ex quis rerum similique suscipit temporibus veritatis? Exercitationem illum, ipsam officia officiis praesentium quidem ullam vel! Enim error, ex labore neque quia rerum sint ullam.</span><span>A assumenda corporis, dignissimos distinctio dolor dolores eligendi eos facere iste numquam omnis porro quos rerum sapiente similique ut, voluptas! Consequuntur ipsum recusandae rerum tenetur? Aliquam autem delectus obcaecati quisquam?</span><span>Ab accusamus accusantium aliquid aperiam blanditiis consequatur deserunt dignissimos distinctio dolores enim facilis harum inventore itaque magni maxime nisi, nostrum perferendis possimus quam quibusdam repudiandae sed sequi veniam vitae voluptatibus?</span><span>Animi assumenda illum laboriosam laborum maiores officia ut? Distinctio eius explicabo officiis quam temporibus. Aliquam dolorum eos et harum illum iste labore perferendis porro sapiente sint. Ad harum provident quisquam.</span><span>At autem, cum cumque ex id modi numquam repudiandae! Ad maiores modi quisquam ratione. At est nisi provident repudiandae. Aut dolores et facere impedit itaque laudantium, officiis quae saepe soluta?</span><span>A aliquid consequatur eveniet obcaecati quibusdam? A aliquid amet aperiam aut blanditiis consectetur dicta eius fugiat, illo incidunt nam perspiciatis provident repellat repellendus sapiente sed sint? Consequuntur officia ratione voluptate?</span><span>Commodi dolorum, optio ratione recusandae rerum sed veritatis! Accusantium alias aperiam cum, dolore enim est ipsam neque nobis omnis optio perspiciatis placeat possimus quidem reiciendis saepe tempora voluptate. Delectus, vel?</span>
    </p>
    <h3 id="c2">第二章，偶得奇遇</h3>
    <p>
        <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, autem doloremque ducimus eveniet harum iure laboriosam laudantium magni molestiae nobis odit optio perferendis quisquam quo reiciendis saepe, sit sunt veniam!</span><span>Earum ipsum laborum maxime omnis perferendis quo sit! Delectus doloremque ea error exercitationem facere, fugiat harum iste nihil optio qui! Beatae culpa exercitationem expedita neque, nesciunt omnis quisquam sequi soluta.</span><span>Ad adipisci aliquid corporis delectus deleniti doloribus eaque maiores molestiae perferendis quae quia quibusdam quisquam quos repellendus reprehenderit sint sunt temporibus veniam, veritatis voluptas. Aut deleniti doloribus dolorum possimus sapiente!</span><span>Aliquid consequatur delectus dicta facere illo, omnis quia quos voluptatem. Aliquid animi aspernatur cupiditate dolores eveniet fuga id magnam officiis pariatur, perspiciatis quam quia quos sit ullam vel velit, voluptatibus?</span><span>Autem et impedit ipsa itaque mollitia obcaecati placeat, reprehenderit tenetur. Aliquid dicta earum, maxime minus perspiciatis repudiandae? Aperiam consequuntur et excepturi fugit in, itaque minus molestiae, nobis placeat suscipit vel.</span><span>Accusamus assumenda atque cupiditate ea perspiciatis quos rem repellendus? Animi dicta eaque porro quidem totam! A alias, deserunt, dignissimos doloremque doloribus, eius enim expedita odio officiis quae quas quibusdam soluta?</span><span>Adipisci amet error eum molestiae placeat tenetur voluptate? A, at aut debitis dolorum enim impedit ipsam labore, nemo numquam perspiciatis quas rerum, sapiente suscipit. Eius excepturi mollitia quidem quisquam similique!</span><span>Ab adipisci alias amet, commodi cumque eaque eos et facere fugiat iusto minus non nostrum numquam placeat repudiandae sequi, suscipit veritatis? Aspernatur error minus molestiae natus odio placeat quis rem.</span><span>Consectetur, distinctio dolorem ducimus earum est, exercitationem facere iusto, laudantium nisi optio quae voluptas. Amet illo molestias placeat sit vitae. Accusantium corporis culpa itaque molestias mollitia, nihil placeat sit voluptates.</span><span>Doloribus facilis nemo officia quas sequi? Cumque fugiat ipsam, iure laborum, maxime nihil nobis nulla officiis omnis perferendis, praesentium quam sit totam! Beatae culpa dolorem, fugiat harum laboriosam numquam omnis.</span><span>Ab alias deleniti ea illo illum qui quos reiciendis. Delectus dolores nostrum quis totam unde? Accusamus aperiam, beatae deleniti laborum necessitatibus nemo numquam officiis possimus quia quibusdam reprehenderit repudiandae, similique?</span><span>Commodi deserunt dignissimos explicabo fuga in nam quaerat vel, voluptatum. A accusantium cum dicta dignissimos eum ex explicabo, id incidunt ipsum itaque, iure nulla numquam odit praesentium quia rem suscipit.</span><span>A accusamus aperiam, dignissimos doloribus eius eveniet excepturi laboriosam maiores quo recusandae ut velit voluptatibus. Adipisci architecto at aut beatae dignissimos mollitia nobis numquam perferendis, placeat, quam, quasi repudiandae totam.</span><span>Aliquid blanditiis dolorum ea fugit ipsa iste numquam quos vero voluptatem? Amet atque aut autem eligendi fugiat fugit illo itaque libero, minima molestiae nam quos recusandae reiciendis saepe sed velit.</span><span>Ab dolor dolore doloremque facilis iure laboriosam maxime natus, nostrum obcaecati odio officia perspiciatis placeat, provident quae, quaerat quo quos reiciendis saepe sequi tempore veritatis vero vitae voluptatum. Accusantium, nihil!</span><span>Adipisci aperiam aspernatur corporis dolorem dolorum eligendi error est explicabo libero molestiae nesciunt, nisi soluta tempora tenetur voluptatum. Autem consequuntur debitis doloribus itaque iusto labore minus perferendis praesentium quo voluptates.</span><span>Debitis totam, veritatis. Adipisci assumenda beatae delectus deleniti ducimus ea eligendi error eum eveniet facilis, harum, incidunt, ipsam molestias obcaecati odio officiis optio possimus praesentium quidem quisquam quod sapiente voluptate.</span><span>Consequatur, dolore eius ex fugiat harum numquam quis tempore. Blanditiis, commodi delectus eius excepturi facere, facilis incidunt ipsum labore mollitia nemo perferendis quas qui quidem? Explicabo minima totam unde vitae!</span><span>Dolores eius eveniet explicabo quos voluptatem? Aperiam autem ex expedita natus porro soluta tempora ut voluptatibus? A consequuntur debitis dicta dolorem doloremque ea earum, officia optio praesentium quibusdam sapiente voluptatem.</span><span>Accusantium adipisci aliquid asperiores at, consequatur dignissimos error fugiat harum hic, laborum laudantium nesciunt nulla porro quam quod rem repellat, tempore ut vero voluptatem. Aspernatur assumenda distinctio impedit laborum rem?</span><span>Aspernatur dignissimos dolore dolorum iusto minus soluta! Adipisci beatae dolorum ducimus, earum eos id, ipsum magnam magni modi nihil numquam odio officiis omnis provident, quibusdam quis reprehenderit repudiandae sit voluptatem.</span><span>A alias aliquam aut deleniti, dolores esse eum harum impedit itaque iure libero maxime mollitia nam nulla praesentium quidem saepe sint unde voluptas voluptatem. Ipsam laborum laudantium perspiciatis repudiandae voluptatem.</span><span>A alias animi aperiam at commodi, consequuntur corporis debitis dolores ea eaque in incidunt laudantium mollitia nostrum, obcaecati odio perspiciatis, provident quae quas qui repellat repudiandae rerum sunt vel veniam.</span><span>Alias aperiam debitis dolorem earum ex quis rerum similique suscipit temporibus veritatis? Exercitationem illum, ipsam officia officiis praesentium quidem ullam vel! Enim error, ex labore neque quia rerum sint ullam.</span><span>A assumenda corporis, dignissimos distinctio dolor dolores eligendi eos facere iste numquam omnis porro quos rerum sapiente similique ut, voluptas! Consequuntur ipsum recusandae rerum tenetur? Aliquam autem delectus obcaecati quisquam?</span><span>Ab accusamus accusantium aliquid aperiam blanditiis consequatur deserunt dignissimos distinctio dolores enim facilis harum inventore itaque magni maxime nisi, nostrum perferendis possimus quam quibusdam repudiandae sed sequi veniam vitae voluptatibus?</span><span>Animi assumenda illum laboriosam laborum maiores officia ut? Distinctio eius explicabo officiis quam temporibus. Aliquam dolorum eos et harum illum iste labore perferendis porro sapiente sint. Ad harum provident quisquam.</span><span>At autem, cum cumque ex id modi numquam repudiandae! Ad maiores modi quisquam ratione. At est nisi provident repudiandae. Aut dolores et facere impedit itaque laudantium, officiis quae saepe soluta?</span><span>A aliquid consequatur eveniet obcaecati quibusdam? A aliquid amet aperiam aut blanditiis consectetur dicta eius fugiat, illo incidunt nam perspiciatis provident repellat repellendus sapiente sed sint? Consequuntur officia ratione voluptate?</span><span>Commodi dolorum, optio ratione recusandae rerum sed veritatis! Accusantium alias aperiam cum, dolore enim est ipsam neque nobis omnis optio perspiciatis placeat possimus quidem reiciendis saepe tempora voluptate. Delectus, vel?</span>
    </p>
    <h3 id="c3">第三章，化身淫魔</h3>
    <p>
        <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, autem doloremque ducimus eveniet harum iure laboriosam laudantium magni molestiae nobis odit optio perferendis quisquam quo reiciendis saepe, sit sunt veniam!</span><span>Earum ipsum laborum maxime omnis perferendis quo sit! Delectus doloremque ea error exercitationem facere, fugiat harum iste nihil optio qui! Beatae culpa exercitationem expedita neque, nesciunt omnis quisquam sequi soluta.</span><span>Ad adipisci aliquid corporis delectus deleniti doloribus eaque maiores molestiae perferendis quae quia quibusdam quisquam quos repellendus reprehenderit sint sunt temporibus veniam, veritatis voluptas. Aut deleniti doloribus dolorum possimus sapiente!</span><span>Aliquid consequatur delectus dicta facere illo, omnis quia quos voluptatem. Aliquid animi aspernatur cupiditate dolores eveniet fuga id magnam officiis pariatur, perspiciatis quam quia quos sit ullam vel velit, voluptatibus?</span><span>Autem et impedit ipsa itaque mollitia obcaecati placeat, reprehenderit tenetur. Aliquid dicta earum, maxime minus perspiciatis repudiandae? Aperiam consequuntur et excepturi fugit in, itaque minus molestiae, nobis placeat suscipit vel.</span><span>Accusamus assumenda atque cupiditate ea perspiciatis quos rem repellendus? Animi dicta eaque porro quidem totam! A alias, deserunt, dignissimos doloremque doloribus, eius enim expedita odio officiis quae quas quibusdam soluta?</span><span>Adipisci amet error eum molestiae placeat tenetur voluptate? A, at aut debitis dolorum enim impedit ipsam labore, nemo numquam perspiciatis quas rerum, sapiente suscipit. Eius excepturi mollitia quidem quisquam similique!</span><span>Ab adipisci alias amet, commodi cumque eaque eos et facere fugiat iusto minus non nostrum numquam placeat repudiandae sequi, suscipit veritatis? Aspernatur error minus molestiae natus odio placeat quis rem.</span><span>Consectetur, distinctio dolorem ducimus earum est, exercitationem facere iusto, laudantium nisi optio quae voluptas. Amet illo molestias placeat sit vitae. Accusantium corporis culpa itaque molestias mollitia, nihil placeat sit voluptates.</span><span>Doloribus facilis nemo officia quas sequi? Cumque fugiat ipsam, iure laborum, maxime nihil nobis nulla officiis omnis perferendis, praesentium quam sit totam! Beatae culpa dolorem, fugiat harum laboriosam numquam omnis.</span><span>Ab alias deleniti ea illo illum qui quos reiciendis. Delectus dolores nostrum quis totam unde? Accusamus aperiam, beatae deleniti laborum necessitatibus nemo numquam officiis possimus quia quibusdam reprehenderit repudiandae, similique?</span><span>Commodi deserunt dignissimos explicabo fuga in nam quaerat vel, voluptatum. A accusantium cum dicta dignissimos eum ex explicabo, id incidunt ipsum itaque, iure nulla numquam odit praesentium quia rem suscipit.</span><span>A accusamus aperiam, dignissimos doloribus eius eveniet excepturi laboriosam maiores quo recusandae ut velit voluptatibus. Adipisci architecto at aut beatae dignissimos mollitia nobis numquam perferendis, placeat, quam, quasi repudiandae totam.</span><span>Aliquid blanditiis dolorum ea fugit ipsa iste numquam quos vero voluptatem? Amet atque aut autem eligendi fugiat fugit illo itaque libero, minima molestiae nam quos recusandae reiciendis saepe sed velit.</span><span>Ab dolor dolore doloremque facilis iure laboriosam maxime natus, nostrum obcaecati odio officia perspiciatis placeat, provident quae, quaerat quo quos reiciendis saepe sequi tempore veritatis vero vitae voluptatum. Accusantium, nihil!</span><span>Adipisci aperiam aspernatur corporis dolorem dolorum eligendi error est explicabo libero molestiae nesciunt, nisi soluta tempora tenetur voluptatum. Autem consequuntur debitis doloribus itaque iusto labore minus perferendis praesentium quo voluptates.</span><span>Debitis totam, veritatis. Adipisci assumenda beatae delectus deleniti ducimus ea eligendi error eum eveniet facilis, harum, incidunt, ipsam molestias obcaecati odio officiis optio possimus praesentium quidem quisquam quod sapiente voluptate.</span><span>Consequatur, dolore eius ex fugiat harum numquam quis tempore. Blanditiis, commodi delectus eius excepturi facere, facilis incidunt ipsum labore mollitia nemo perferendis quas qui quidem? Explicabo minima totam unde vitae!</span><span>Dolores eius eveniet explicabo quos voluptatem? Aperiam autem ex expedita natus porro soluta tempora ut voluptatibus? A consequuntur debitis dicta dolorem doloremque ea earum, officia optio praesentium quibusdam sapiente voluptatem.</span><span>Accusantium adipisci aliquid asperiores at, consequatur dignissimos error fugiat harum hic, laborum laudantium nesciunt nulla porro quam quod rem repellat, tempore ut vero voluptatem. Aspernatur assumenda distinctio impedit laborum rem?</span><span>Aspernatur dignissimos dolore dolorum iusto minus soluta! Adipisci beatae dolorum ducimus, earum eos id, ipsum magnam magni modi nihil numquam odio officiis omnis provident, quibusdam quis reprehenderit repudiandae sit voluptatem.</span><span>A alias aliquam aut deleniti, dolores esse eum harum impedit itaque iure libero maxime mollitia nam nulla praesentium quidem saepe sint unde voluptas voluptatem. Ipsam laborum laudantium perspiciatis repudiandae voluptatem.</span><span>A alias animi aperiam at commodi, consequuntur corporis debitis dolores ea eaque in incidunt laudantium mollitia nostrum, obcaecati odio perspiciatis, provident quae quas qui repellat repudiandae rerum sunt vel veniam.</span><span>Alias aperiam debitis dolorem earum ex quis rerum similique suscipit temporibus veritatis? Exercitationem illum, ipsam officia officiis praesentium quidem ullam vel! Enim error, ex labore neque quia rerum sint ullam.</span><span>A assumenda corporis, dignissimos distinctio dolor dolores eligendi eos facere iste numquam omnis porro quos rerum sapiente similique ut, voluptas! Consequuntur ipsum recusandae rerum tenetur? Aliquam autem delectus obcaecati quisquam?</span><span>Ab accusamus accusantium aliquid aperiam blanditiis consequatur deserunt dignissimos distinctio dolores enim facilis harum inventore itaque magni maxime nisi, nostrum perferendis possimus quam quibusdam repudiandae sed sequi veniam vitae voluptatibus?</span><span>Animi assumenda illum laboriosam laborum maiores officia ut? Distinctio eius explicabo officiis quam temporibus. Aliquam dolorum eos et harum illum iste labore perferendis porro sapiente sint. Ad harum provident quisquam.</span><span>At autem, cum cumque ex id modi numquam repudiandae! Ad maiores modi quisquam ratione. At est nisi provident repudiandae. Aut dolores et facere impedit itaque laudantium, officiis quae saepe soluta?</span><span>A aliquid consequatur eveniet obcaecati quibusdam? A aliquid amet aperiam aut blanditiis consectetur dicta eius fugiat, illo incidunt nam perspiciatis provident repellat repellendus sapiente sed sint? Consequuntur officia ratione voluptate?</span><span>Commodi dolorum, optio ratione recusandae rerum sed veritatis! Accusantium alias aperiam cum, dolore enim est ipsam neque nobis omnis optio perspiciatis placeat possimus quidem reiciendis saepe tempora voluptate. Delectus, vel?</span>
    </p>
    <a href="#">返回顶部</a>
</body>
</html>